ul.paging {
	display: inline-block;
	padding: 0;
	margin: 0;
}

ul.paging li {
	display: inline;
}

ul.paging li input {
	width: 50px;
	height: 32px;
	line-height: 32px;
	font-size: 1.0rem;
	color: #666;
	float: left;
	text-align: center;
	text-decoration: none;
	transition: background-color .3s;
	border: 1px solid #aaa;
	margin-left: 4px;
	padding: 0;
}

ul.paging li a {
	width: 50px;
	height: 32px;
	line-height: 32px;
	cursor: pointer;
	color: #666;
	float: left;
	text-decoration: none;
	transition: background-color .3s;
	margin-left: 4px;
	text-align: center;
	font-size: 1.0rem;
	font-family: Arial;
	border: 1px solid #aaa;
}

ul.paging li a.active {
	background-color: #aaa;
	color: #ffffff;
	font-size: 1.0rem;
	border: 1px solid #aaa;
}

ul.paging li a:hover {
	background-color: #666;
	color: #ffffff;
	border: 1px solid #aaa;
}

ul.paging li a:hover:not(.active) {
	background-color: #666;
}

.remarks {
	font-size: 1.0rem;
	color: #666;
	font-family: Arial;
	font-style: italic;
	font-weight: lighter;
}

@media(max-width: 800px) {
	ul.paging li a {
		width: 35px;
	}
}